<template>

  <div>
    <div style="margin-bottom: 50px">
      <van-nav-bar
          title="停放区增设申请审批"
          :safe-area-inset-top="true"
          :fixed="true"
          @click-left="onClickLeft"
      />
    </div>
    <!--搜索-->
    <van-row class="">

      <van-col span="24" ><form action="/">
        <van-search
            v-model="value"
            placeholder="请输入搜索关键词"
            @click="showPopup"
        >
        </van-search>
      </form>
      </van-col>
    </van-row>
        <van-row class="backg bottom-mt">

          <van-col span="24" class="backg-c event">

            <van-col span="24" class="event-line">
              <router-link to="/Approval">
                <van-col span="8" class="event-img">
<!--                  <van-image class="icon-wait" width="40" height="40" :src="require('@/assets/img/icon-23.png')" />-->
                </van-col>
                <van-col span="16" class="event-padding">
                  <van-col span="24" class="font-14">
                    停放区位置经度
                  </van-col>
                  <!--                  <van-col span="10" class="font-12 font-fu">-->
                  <!--                    <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-20.png')" /> 剩余<span class="font-color">43</span>分钟-->
                  <!--                  </van-col>-->
                  <van-col span="24" class="font-12">
                    <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-06.png')" /> 停放区位置纬度
                  </van-col>
                  <van-col span="24" class="font-12">
                    <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-18.png')" /> 义乌高级人才科创园
                  </van-col>
                  <van-col span="24" class="font-12">
                    <van-image class="" width="10" height="10" :src="require('@/assets/img/icon-19.png')" /> 2020-11-26 12:40:55
                  </van-col>
                </van-col>
              </router-link>
            </van-col>

          </van-col>

        </van-row>
    <van-popup v-model="show" position="top" class="scroll" :style="{ height: '60%' }" >

<!--      <van-row class="title">-->
<!--        <router-link to="/Remind">-->
<!--          <van-image class="title-return" width="30" height="30" :src="require('@/assets/img/icon-return.png')" />-->
<!--        </router-link>-->
<!--        <van-col span="24" ><form action="#/Remind" style="background-color: #1989FA">-->
<!--          <van-search-->
<!--              show-action-->
<!--              placeholder="请输入搜索关键词"-->
<!--              @search="onSearch"-->
<!--              @cancel="onCancel"-->
<!--              @click="showPopup"-->
<!--          >-->
<!--            <template #action>-->
<!--              <van-button @click="onSearch" type="info" size="small" style="font-size: 15px;margin-top: -10px">搜索</van-button>-->
<!--            </template>-->
<!--          </van-search>-->
<!--        </form>-->
<!--        </van-col>-->
<!--      </van-row>-->

<!--      <van-row>-->
<!--        <van-col span="24" class="font-14">-->
<!--          公共管理-->
<!--        </van-col>-->
<!--        <van-col class="font-12 search-btn">-->
<!--          <van-button type="info" size="mini">垃圾堆积</van-button>-->
<!--          <van-button type="info" size="mini">出店经营</van-button>-->
<!--          <van-button type="info" size="mini">游商摊贩</van-button>-->
<!--          <van-button type="info" size="mini">沿街晾晒</van-button>-->
<!--          <van-button type="info" size="mini">人员聚集</van-button>-->
<!--          <van-button type="info" size="mini">机动车违停</van-button>-->
<!--          <van-button type="info" size="mini">非机动车违停</van-button>-->
<!--        </van-col>-->
<!--      </van-row>-->

<!--      <van-row>-->
<!--        <van-col span="24" class="font-14">-->
<!--          平安建设-->
<!--        </van-col>-->
<!--        <van-col class="font-12 search-btn">-->
<!--          <van-button type="info" size="mini">消控室离岗</van-button>-->
<!--          <van-button type="info" size="mini">消防通道违规占用</van-button>-->
<!--          <van-button type="info" size="mini">电动车飞线</van-button>-->
<!--        </van-col>-->
<!--      </van-row>-->

<!--      <van-row>-->
<!--        <van-col span="24" class="font-14">-->
<!--          其他-->
<!--        </van-col>-->
<!--        <van-col class="font-12 search-btn">-->
<!--          <van-button type="info" size="mini">护学岗未就位</van-button>-->
<!--          <van-button type="info" size="mini">保安未就位</van-button>-->
<!--          <van-button type="info" size="mini">校门违规占用</van-button>-->
<!--        </van-col>-->
<!--      </van-row>-->

    </van-popup>
    <Nav />
  </div>

</template>

<script>
import Nav from "@/components/Nav.vue";
export default {
  data() {
    return {
      value:'',
      show: false,
    };
  },
  methods: {
    showPopup() {
      this.show = true;
    },
    onSearch() {
      this.show = false;
      // Toast(val);
    },

    onClickLeft(){
      this.$router.go(-1);
    },
  },
  components:{
    Nav
  },

};
</script>

<style scoped>
.scroll{
  overflow-y: scroll;
  box-sizing: border-box;

}
</style>